var gulp  = require('gulp');
var browserSync = require('browser-sync').create();
var less        = require('gulp-less');
var reload      = browserSync.reload;

// 静态服务器 + 监听 scss/html 文件
gulp.task('serve', ['less'], function() {

    browserSync.init({
        server: "./html"
    });

    gulp.watch("less/*.less", ['less']);
    gulp.watch("./*.html").on('change', reload);
});
//gulp.task("serve", function(){
//  // 
//  browserSync.init({
//      server: {
//          baseDir: "./"
//      },
//
//      startPath: "src/guanyu.html"
//  })
//  
//  gulp.watch('src/*.html', function(){
//      browserSync.reload()
//  });
//  
//})
// scss编译后的css将注入到浏览器里实现更新
gulp.task('less', function() {
     gulp.src("less/*.less")
        .pipe(less())
        .pipe(gulp.dest("css/"))
        .pipe(reload({stream: true}));
});

gulp.task('default', ['serve']);





